<template>
	<div class="mui-numbox" data-numbox-min='1' style="height: 25px;">
	     <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
	     <input class="mui-input-numbox" type="number" :value="val" ref="numbox" @change="countChanged"/>
	     <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
	</div>
</template>

<script>
	import mui from '../../lib/mui/js/mui.min.js'
	export default{
		mounted(){
			mui('.mui-numbox').numbox().getValue()
		},
		methods:{
			countChanged(){
				console.log(this.$refs.numbox.value)
				this.$store.commit('updataGoodsInfo',{id:this.goodsid,count:this.$refs.numbox.value})
			}
		},
		props:["val","goodsid"]
	}
</script>

<style>
</style>
